<template>
  <div>

   <Row style="padding-top: 5rem;">
     <i-col span="14" style="text-align: right;padding-right: 8rem">
       <img  src="https://file.iviewui.com/iview-pro/icon-403.svg" style="width: 70%">
     </i-col>
     <i-col span="8" style="padding-top: 2rem;text-align: left">

       <h1 style="font-size: 4rem;color: #4d5669">404</h1>
       <p style="font-size: 1.2rem;color: #8d8d8d">抱歉,您尚未被授权或根本不存在此页面</p>

       <Button type="info" size="large" style="margin-top: 1rem" @click="skipToIndex">返回首页</Button>
     </i-col>
   </Row>

  </div>

</template>

<script>

  import AURL from './js/baseUrl'
  import ICol from "../../node_modules/view-design/src/components/grid/col";

  export default {
    data(){
      return {

      }
    },
    computed : {
      isExpanded () {
        return this.$store.state.base.isExpanded
      }
    },
    components: {
      ICol
    },
    methods: {
      skipToIndex(){
        this.$router.replace(AURL.AIndex);
      }

    },
    created(){

    }
  }
</script>

<style scoped>

</style>
